<template>
  <div>
    <el-row>
        <el-col :span="12" class="grid-content bg-purple" style="text-align: right; padding-right:5px ;">
            <el-button size="small" type="success">提交</el-button>
        </el-col>
        <el-col :span="12" class="grid-content bg-purple-light">
            <el-button size="small" type="info">取消</el-button>
        </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
    name: "LayoutDemo",
    data(){
        return {
            title: 'Layout Demo',
            description: 'This is a demo for layout components.',
            content: 'Here you can add your content for the layout demo.',
            footer: 'Footer content goes here.'
        }
    }
}
</script>

<style scoped>
 .bg-purple {
    background: #d3dce6;
  }
  .bg-purple-light {
    background: #e5e9f2;
  }
</style>